.el-table {
	background: transparent;
	&::before {
		display: none;
	}
	:deep(.el-table__inner-wrapper) {
		.common-table-style();
	}
}

.avue-crud {
	:deep(.el-card) {
		background-color: transparent !important;
		.el-collapse {
			border-color: transparent !important;
			.el-collapse-item__wrap {
				background-color: transparent !important;
				border-color: transparent !important;
			}
		}
		.avue-crud__header {
			display: none;
		}
		&.avue-crud__pagination {
			padding-top: 0;
		}

		.el-table {
			background: transparent;
			&::before {
				display: none;
			}
			&::after {
				display: none;
			}
			.el-table__inner-wrapper {
				.common-table-style();
			}
		}
	}
}

// pagination
:deep(.el-pagination).is-background {
	.btn-next {
		margin-left: 5px;
		background-color: rgba(0, 106, 255, 0.3);
		border: 1px solid rgba(0, 119, 149, 1);
		width: 26px;
		height: 26px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #99e1fc;
		font-weight: bold;
		padding: 0;
		min-width: unset;
	}
	.btn-prev {
		margin-right: 5px;
		background-color: rgba(0, 106, 255, 0.3);
		border: 1px solid rgba(0, 119, 149, 1);
		width: 26px;
		height: 26px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #99e1fc;
		font-weight: bold;
		padding: 0;
		min-width: unset;
	}
	.el-pager li {
		margin: 0 5px;
		width: 26px;
		height: 26px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #99e1fc;
		background: rgba(0, 106, 255, 0.3);
		border: 1px solid rgba(0, 119, 149, 1);
		border-radius: 4px;
		padding: 0;
		min-width: unset;
	}
	.el-pager li:not(.disabled).is-active {
		background-color: rgba(153, 225, 252, 0.3) !important;
		border: 1px solid #99e1fc !important;
		color: #99e1fc !important;
	}
}

.common-table-style {
	&::before {
		display: none;
	}
	&::after {
		display: none;
	}
	thead,
	tbody {
		tr,
		th,
		td {
			height: 48px !important;
			box-sizing: border-box;
			background-color: transparent !important;
			color: #99e1fc !important;
			border: 0 !important;
			background: unset;
		}
		tr {
			background-image: linear-gradient(90deg, rgba(0, 112, 207, 0) 0%, rgba(0, 112, 207, 0.5) 50%, rgba(0, 112, 207, 0) 100%);
			&:nth-child(2n + 1) {
				background-image: linear-gradient(90deg, rgba(0, 112, 207, 0) 0%, rgba(0, 112, 207, 0.25) 50%, rgba(0, 112, 207, 0) 100%);
			}
		}
	}
	// thead {
	// 	background-image: linear-gradient(90deg, rgba(0, 112, 207, 0) 0%, rgba(0, 112, 207, 0.5) 50%, rgba(0, 112, 207, 0) 100%);
	// }
	tbody td {
		font-size: 14px !important;
		color: #e6f6ff !important;
		line-height: 18px !important;
	}
	.el-table__empty-block {
		background-color: transparent !important;
		.el-table__empty-text {
			color: #e6f6ff;
		}
	}
	.el-table__body-wrapper {
		&::after {
			background-color: transparent !important;
		}
	}
	.el-scrollbar__bar {
		.el-scrollbar__thumb {
			background-color: #2df3ff !important;
			opacity: 1;
			width: 4px;
		}
	}
	.el-table__border-left-patch {
		display: none;
	}

	&.no-scrollbar {
		::-webkit-scrollbar {
			display: none;
		}
	}

	/* 整个滚动条 */
	::-webkit-scrollbar {
		width: 4px;
		border-radius: 2px;
	}

	/* 滚动条上的滚动滑块 */
	::-webkit-scrollbar-thumb,
	::-webkit-scrollbar-thumb:hover {
		background-color: #2df3ff !important;
		border-radius: 2px;
	}

	/* 滚动条轨道 */
	::-webkit-scrollbar-track {
		background-color: rgba(45, 243, 255, 0.2) !important;
	}

	/* 滚动条没有滑块的轨道部分 */
	::-webkit-scrollbar-track-piece {
		background-color: rgba(45, 243, 255, 0.2) !important;
	}
}
